<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>盒子模型</title>
  <style>
    .box {
      background-color: hotpink;
    }
    .inline-box {
      background-color: lightcyan;
      /*设置的是外边距*/
      margin: 15px;
      /*内边距*/
      /*padding: 20px;*/
      /*padding-top: 10px;*/
      /*padding-left: 60px;*/
      /*padding-right: 20px;*/
      /*padding-bottom: 10px;*/
      /*上下是10px 左右是20px*/
      /*padding: 10px 20px;*/
      padding: 10px 20px 15px 30px;
      border: 2px solid lightgreen;
    }
  </style>
</head>
<body>
  <div class="box">
      <div class="inline-box">
        <div>
          内部元素
        </div>
      </div>
  </div>
</body>
</html>